
/** 弹窗 样式 */

.el-dialog {
    flex-direction: column;
    gap: 30px;
    border-radius: 10px;
    margin-top: 50px;
    border: 1px solid rgb(190, 190, 190);
    position: relative;
    overflow: hidden;
    min-width: 700px;
    width: 40%;
    min-height: 500px;

    .el-dialog__header {
        position: relative;
        top: -20px;
        font-size: 24px;
        font-weight: 600;
        width: 100%;
        text-align: center;
        margin: auto;
        padding-left: 30px;
        height: 100px;
        line-height: 120px;
        text-shadow: 2px 2px 2px #e3daff;
        transition: 0.5s;
        margin-bottom: 20px;
        border-radius: 0 0 50% 50%;

        .el-dialog__title {
            color: rgb(97, 160, 255);
        }
    }

    /* 深度改变el-input样式 */
    .el-input__inner {
        height: 50px;
        font-size: 15px;
        border-bottom: 2px solid rgb(154, 182, 224);
    }

    /* 深度改变el-input聚焦样式 */
    .el-input__inner:focus {
        border: 1px solid #02cab3;
    }

    .button-item {
        height: 50px;
        width: 100px;
        font-size: 17px;
    }

    .button-no {
        margin-right: 20px;

    }

    .el-button:hover {
        font-size: 20px;
        font-weight: 600;
    }

    // 详情
    .el-descriptions__body {
        font-size: 16px;
        margin-left: 10%;

        .el-descriptions-item__container {
            margin-top: 20px;
        }
    }
}

/* 表单有input聚焦就改变标题样式 */
.el-dialog:focus-within .el-dialog__header {
    background-color: rgb(104, 165, 255);

    .el-dialog__title {
        color: white;
    }
}

/* 表单有input聚焦就改变样式 */
.el-dialog:focus-within {
    border: 2px solid rgb(52, 133, 255);
}


// @media (min-width: 2090px) {
//     .overall {
//         zoom: 100%;
//     }

//     // @-ms-viewport {
//     //     width: 1920px;
//     // }
// }

// @media (max-width: 2089px) and (min-width: 2000px) {
//     .overall {
//         zoom: 96%;
//     }
// }

// @media (max-width: 1999px) and (min-width: 1960px) {
//     .overall {
//         zoom: 94%;
//     }
// }

// @media (max-width: 1959px) and (min-width: 1920px) {
//     .overall {
//         zoom: 92%;
//     }
// }

// @media (max-width: 1919px) and (min-width: 1890px) {
//     .overall {
//         zoom: 90%;
//     }
// }

// @media (max-width: 1889px) and (min-width: 1850px) {
//     .overall {
//         zoom: 90%;
//     }
// }

// @media (max-width: 1849px) and (min-width: 1820px) {
//     .overall {
//         zoom: 90%;
//     }
// }

// @media (max-width: 1819px) and (min-width: 1790px) {
//     .overall {
//         zoom: 90%;
//     }
// }

// @media (max-width: 1789px) and (min-width: 1750px) {
//     .overall {
//         zoom: 90%;
//     }
// }

// @media (max-width: 1749px) and (min-width: 1720px) {
//     .overall {
//         zoom: 90%;
//     }
// }

// @media (max-width: 1719px) and (min-width: 1690px) {
//     .overall {
//         zoom: 90%;
//     }
// }

// @media (max-width: 1689px) and (min-width: 1650px) {
//     .overall {
//         zoom: 90%;
//     }
// }

// @media (max-width: 1649px) and (min-width: 1620px) {
//     .overall {
//         zoom: 90%;
//     }
// }

// @media (max-width: 1619px) and (min-width: 1590px) {
//     .overall {
//         zoom: 90%;
//     }
// }

// @media (max-width: 1589px) and (min-width: 1550px) {
//     .overall {
//         zoom: 90%;
//     }
// }

// @media (max-width: 1549px) {
//     .overall {
//         zoom: 90%;
//     }
// }